<!DOCTYPE html>
<html lang="en">
<head>
    <title>模拟装机</title>
    <link href="../static/css/pagination.css" rel="stylesheet"/>

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>模拟装机</title>
    <!-- Bootstrap core CSS -->
    <link href="../static/css/bootstrap.min.css" rel="stylesheet">

    <script src="../static/js/ie-emulation-modes-warning.js"></script>
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>

    <![endif]-->
    <!-- Global Plugins CSS -->
    <!-- Custom styles for this template -->

    <link href="../static/css/diy.css" rel="stylesheet"/>
</head>
<!-- NAVBAR
================================================== -->
<body>

<!-- <nav class="navbar navbar-default " role="navigation">
    
    <div class="container">
        <div class="navbar-header fl">
            
            <a class="navbar-brand" href="/">
                <img alt="" src="" title="" /></a>
            <label class="navbar-viiio-desc hidden-xs"></label>
        </div>
        <ul class="nav navbar-right" style="display:none">
            <li>
                <div class="ctn-globalSearcher">
                    <form>
                    <input type="text" id="bdcsMain" class="txt_global_navSearch" placeholder="搜索你感兴趣的内容">
                    <div class="ctn-globalSearcher-btn">
                        <img id="btn_global_navSearch" alt="" width="32" height="27" src="/images/site/nav/nav_search.png" onclick="$(this).closest('form')[0].submit();"/>
                    </div>
                    </form>
                </div>
            </li>
        </ul>
    </div>
</nav> -->
<nav role="navigation" class="nav-lv-2 clearfix">
    <div class="container">
        <ul class="nav navbar-nav">
            <li>
        </ul>
    </div>
</nav>

<input type="hidden" id="hid_ST_M_GUID" value=""/>
<div class="container">
    <h1 id="h_title" class="margin-t-20 margin-b-30">模拟装机</h1>
    <div class="mainbody-config-condi">
        <div id="ctn_config" class="col-md-5">
            <div class="padding5 padding-r-20">
                <div id="ctn_config_inner">

                    <div id="ctn_config_inner_items">
                        <div class="title-config clr-linkblue text-center padding10">
                            配 置 单
                        </div>
                        <div class="text-center padding-l-5 padding-r-5 padding-t-10 padding-b-10 clearfix hidden-xs hidden-sm">
                            <div class="col-md-2 wordnowrap">配件</div>
                            <div class="col-md-4 wordnowrap">型号</div>
                            <div class="col-md-2 wordnowrap">数量</div>
                            <div class="col-md-2 wordnowrap">单价</div>
                            <div class="col-md-2 wordnowrap">操作</div>
                        </div>

                        <div class="row-config clearfix" data-guid="530C423A-5C0E-47BF-A5B2-E33FB3C3EFAB"
                             data-area="CPU">
                            <div class="col-md-2 ctn-sel-itemCatalog">
                                <button type="button" class="btn-sel-config btn btn-danger">CPU</button>
                            </div>
                            <div class="col-md-4 ctn-sel-itemName">
                                <textarea title="型号最多可输入100个字~!" maxlength="100"></textarea>
                            </div>
                            <div class="col-xs-4 col-md-2 ctn-sel-itemQty">
                                <textarea maxlength="10"></textarea>
                            </div>
                            <div class="col-xs-6 col-md-2 ctn-sel-itemPrice">
                                <textarea maxlength="15"></textarea>
                            </div>
                            <div class="col-xs-2 col-md-2 ctn-sel-itemDelete">
                                <button type="button" class="btn-del-config btn btn-success"><span
                                        class="glyphicon glyphicon-trash" aria-hidden="true"></span></button>
                            </div>
                        </div>
                        <div class="row-config clearfix" data-guid="974CA224-7CAF-47E2-A09E-5D29DE766992"
                             data-area="主板">
                            <div class="col-md-2 ctn-sel-itemCatalog">
                                <button type="button" class="btn-sel-config btn btn-danger">主板</button>
                            </div>
                            <div class="col-md-4 ctn-sel-itemName">
                                <textarea title="型号最多可输入100个字~!" maxlength="100"></textarea>
                            </div>
                            <div class="col-xs-4 col-md-2 ctn-sel-itemQty">
                                <textarea maxlength="10"></textarea>
                            </div>
                            <div class="col-xs-6 col-md-2 ctn-sel-itemPrice">
                                <textarea maxlength="15"></textarea>
                            </div>
                            <div class="col-xs-2 col-md-2 ctn-sel-itemDelete">
                                <button type="button" class="btn-del-config btn btn-success"><span
                                        class="glyphicon glyphicon-trash" aria-hidden="true"></span></button>
                            </div>
                        </div>
                        <div class="row-config clearfix" data-guid="0648B7D8-9CAA-4ADD-B070-245FC150BCCC"
                             data-area="内存">
                            <div class="col-md-2 ctn-sel-itemCatalog">
                                <button type="button" class="btn-sel-config btn btn-danger">内存</button>
                            </div>
                            <div class="col-md-4 ctn-sel-itemName">
                                <textarea title="型号最多可输入100个字~!" maxlength="100"></textarea>
                            </div>
                            <div class="col-xs-4 col-md-2 ctn-sel-itemQty">
                                <textarea maxlength="10"></textarea>
                            </div>
                            <div class="col-xs-6 col-md-2 ctn-sel-itemPrice">
                                <textarea maxlength="15"></textarea>
                            </div>
                            <div class="col-xs-2 col-md-2 ctn-sel-itemDelete">
                                <button type="button" class="btn-del-config btn btn-success"><span
                                        class="glyphicon glyphicon-trash" aria-hidden="true"></span></button>
                            </div>
                        </div>
                        <div class="row-config clearfix" data-guid="16A42E25-D00B-4AA6-BC4B-B1467D0994C2"
                             data-area="显卡">
                            <div class="col-md-2 ctn-sel-itemCatalog">
                                <button type="button" class="btn-sel-config btn btn-danger">显卡</button>
                            </div>
                            <div class="col-md-4 ctn-sel-itemName">
                                <textarea title="型号最多可输入100个字~!" maxlength="100"></textarea>
                            </div>
                            <div class="col-xs-4 col-md-2 ctn-sel-itemQty">
                                <textarea maxlength="10"></textarea>
                            </div>
                            <div class="col-xs-6 col-md-2 ctn-sel-itemPrice">
                                <textarea maxlength="15"></textarea>
                            </div>
                            <div class="col-xs-2 col-md-2 ctn-sel-itemDelete">
                                <button type="button" class="btn-del-config btn btn-success"><span
                                        class="glyphicon glyphicon-trash" aria-hidden="true"></span></button>
                            </div>
                        </div>
                        <div class="row-config clearfix" data-guid="2A55AD55-F07B-4553-9EF9-B31BD485A008"
                             data-area="硬盘">
                            <div class="col-md-2 ctn-sel-itemCatalog">
                                <button type="button" class="btn-sel-config btn btn-danger">硬盘</button>
                            </div>
                            <div class="col-md-4 ctn-sel-itemName">
                                <textarea title="型号最多可输入100个字~!" maxlength="100"></textarea>
                            </div>
                            <div class="col-xs-4 col-md-2 ctn-sel-itemQty">
                                <textarea maxlength="10"></textarea>
                            </div>
                            <div class="col-xs-6 col-md-2 ctn-sel-itemPrice">
                                <textarea maxlength="15"></textarea>
                            </div>
                            <div class="col-xs-2 col-md-2 ctn-sel-itemDelete">
                                <button type="button" class="btn-del-config btn btn-success"><span
                                        class="glyphicon glyphicon-trash" aria-hidden="true"></span></button>
                            </div>
                        </div>
                        <div class="row-config clearfix" data-guid="0CC51A4A-F6B4-49C8-9DD9-B01E4BDF6C9F"
                             data-area="固态盘">
                            <div class="col-md-2 ctn-sel-itemCatalog">
                                <button type="button" class="btn-sel-config btn btn-danger">固态盘</button>
                            </div>
                            <div class="col-md-4 ctn-sel-itemName">
                                <textarea title="型号最多可输入100个字~!" maxlength="100"></textarea>
                            </div>
                            <div class="col-xs-4 col-md-2 ctn-sel-itemQty">
                                <textarea maxlength="10"></textarea>
                            </div>
                            <div class="col-xs-6 col-md-2 ctn-sel-itemPrice">
                                <textarea maxlength="15"></textarea>
                            </div>
                            <div class="col-xs-2 col-md-2 ctn-sel-itemDelete">
                                <button type="button" class="btn-del-config btn btn-success"><span
                                        class="glyphicon glyphicon-trash" aria-hidden="true"></span></button>
                            </div>
                        </div>
                        <div class="row-config clearfix" data-guid="68A0E31E-9A09-407C-ACF4-546A6B861C49"
                             data-area="电源">
                            <div class="col-md-2 ctn-sel-itemCatalog">
                                <button type="button" class="btn-sel-config btn btn-danger">电源</button>
                            </div>
                            <div class="col-md-4 ctn-sel-itemName">
                                <textarea title="型号最多可输入100个字~!" maxlength="100"></textarea>
                            </div>
                            <div class="col-xs-4 col-md-2 ctn-sel-itemQty">
                                <textarea maxlength="10"></textarea>
                            </div>
                            <div class="col-xs-6 col-md-2 ctn-sel-itemPrice">
                                <textarea maxlength="15"></textarea>
                            </div>
                            <div class="col-xs-2 col-md-2 ctn-sel-itemDelete">
                                <button type="button" class="btn-del-config btn btn-success"><span
                                        class="glyphicon glyphicon-trash" aria-hidden="true"></span></button>
                            </div>
                        </div>
                        <div class="row-config clearfix" data-guid="4CBCBB80-C0BB-4A55-B3E6-9AF8FD458419"
                             data-area="机箱">
                            <div class="col-md-2 ctn-sel-itemCatalog">
                                <button type="button" class="btn-sel-config btn btn-danger">机箱</button>
                            </div>
                            <div class="col-md-4 ctn-sel-itemName">
                                <textarea title="型号最多可输入100个字~!" maxlength="100"></textarea>
                            </div>
                            <div class="col-xs-4 col-md-2 ctn-sel-itemQty">
                                <textarea maxlength="10"></textarea>
                            </div>
                            <div class="col-xs-6 col-md-2 ctn-sel-itemPrice">
                                <textarea maxlength="15"></textarea>
                            </div>
                            <div class="col-xs-2 col-md-2 ctn-sel-itemDelete">
                                <button type="button" class="btn-del-config btn btn-success"><span
                                        class="glyphicon glyphicon-trash" aria-hidden="true"></span></button>
                            </div>
                        </div>
                        <div class="row-config clearfix" data-guid="26977007-E65F-4EF0-9E09-F8384740736E"
                             data-area="显示器">
                            <div class="col-md-2 ctn-sel-itemCatalog">
                                <button type="button" class="btn-sel-config btn btn-danger">显示器</button>
                            </div>
                            <div class="col-md-4 ctn-sel-itemName">
                                <textarea title="型号最多可输入100个字~!" maxlength="100"></textarea>
                            </div>
                            <div class="col-xs-4 col-md-2 ctn-sel-itemQty">
                                <textarea maxlength="10"></textarea>
                            </div>
                            <div class="col-xs-6 col-md-2 ctn-sel-itemPrice">
                                <textarea maxlength="15"></textarea>
                            </div>
                            <div class="col-xs-2 col-md-2 ctn-sel-itemDelete">
                                <button type="button" class="btn-del-config btn btn-success"><span
                                        class="glyphicon glyphicon-trash" aria-hidden="true"></span></button>
                            </div>
                        </div>
                        <div class="row-config clearfix" data-guid="7968774F-C435-4CF0-81D1-480DB7DBA934"
                             data-area="散热器">
                            <div class="col-md-2 ctn-sel-itemCatalog">
                                <button type="button" class="btn-sel-config btn btn-danger">散热器</button>
                            </div>
                            <div class="col-md-4 ctn-sel-itemName">
                                <textarea title="型号最多可输入100个字~!" maxlength="100"></textarea>
                            </div>
                            <div class="col-xs-4 col-md-2 ctn-sel-itemQty">
                                <textarea maxlength="10"></textarea>
                            </div>
                            <div class="col-xs-6 col-md-2 ctn-sel-itemPrice">
                                <textarea maxlength="15"></textarea>
                            </div>
                            <div class="col-xs-2 col-md-2 ctn-sel-itemDelete">
                                <button type="button" class="btn-del-config btn btn-success"><span
                                        class="glyphicon glyphicon-trash" aria-hidden="true"></span></button>
                            </div>
                        </div>
                    </div>

                    <div style="height:150px;">
                        <div id="ctn_config_total" class="clearfix">
                            <div class="padding5 clearfix">
                                <div class="fl lineH35 margin-t-10 margin-l-20">
                                    共 <span style="color: #d9534f;" class="lbl-total-qty">0</span> 件
                                    <a href="javascript:;" class="margin-l-20 btn-cart-clear">清空配置单</a>
                                </div>
                                <div class="fr lineH35 margin-t-10 margin-r-20 ">
                                    总计：<span style="color: #d9534f;">¥<strong
                                        style="font-size: 24px; margin-left: 5px;"
                                        class="lbl-total-amount">0</strong></span>
                                </div>
                            </div>
                            <!--                                <div id="ctn_config_info" class="clearfix" style="display:none;">-->
                            <!--                                    <div class="col-xs-12">-->
                            <!--                                        <div class="form-group form-group-compress">-->
                            <!--                                            <label for="cbo_config_title"></label>-->
                            <!--                                            <div class="input-group">-->
                            <!--                                                <span class="input-group-addon clr-redBrown">选类型</span>-->
                            <!--                                                <select id="cbo_config_type" class="form-control">-->
                            <!--                                                  <option selected="selected" value="B8856EA9-6A54-4808-8E40-326BA209D95C">图吧二手</option><option  value="7ECAE065-088E-4055-BCC9-D6E99E0439AA">省吃俭用</option><option  value="56335DE4-0F75-4F13-B586-095847BFBA3A">家用学习</option><option  value="63172573-556A-4830-B2B6-82C3091B31EB">商务办公</option><option  value="1D8F9E34-DC8D-44E4-9367-1B0B6C31A67B">游戏娱乐</option><option  value="06764030-6181-45E4-BA60-C45548A86254">卡吧标配</option><option  value="E9ED2C57-1E3B-4F42-B8C9-55E92DF4E041">游戏狂人</option><option  value="5A6218B8-286F-4216-84C4-5DDE008AE8D2">顶级发烧</option><option  value="72905B55-CAE3-4C78-9937-40BDC328EF18">专业设计</option><option  value="74F27394-ABBD-4BCB-80CB-8E4286E9B246">随手一配</option>-->
                            <!--                                                </select>-->
                            <!--                                            </div>-->
                            <!--                                        </div>-->
                            <!--                                    </div>-->
                            <!--                                    <div class="col-xs-12">-->
                            <!--                                        <div class="form-group form-group-compress">-->
                            <!--                                            <label for="txt_config_title"></label>-->
                            <!--                                            <div class="input-group">-->
                            <!--                                                <span class="input-group-addon clr-redBrown">配置名</span>-->
                            <!--                                                <input type="text" id="txt_config_title" class="form-control" placeholder="填写方案名，让目标更清晰~" />-->
                            <!--                                            </div>-->
                            <!--                                        </div>-->
                            <!--                                    </div>-->
                            <!--                                    <div class="col-xs-12">-->
                            <!--                                        <div class="form-group">-->
                            <!--                                            <label for="txt_config_username"></label>-->
                            <!--                                            <div class="input-group form-group-compress">-->
                            <!--                                                <span class="input-group-addon">装机猿</span>-->
                            <!--                                                <input type="text" id="txt_config_username" class="form-control" placeholder="可忽略~可不填~爱怎样怎样~" />-->
                            <!--                                            </div>-->
                            <!--                                        </div>-->
                            <!--                                    </div>-->
                            <!--                                    <div class="col-xs-12">-->
                            <!--                                        <div class="form-group">-->
                            <!--                                            <label for="txt_config_info" style="font-weight:normal;">方案简介</label>-->
                            <!--                                            <div>-->
                            <!--                                                <textarea id="txt_config_info" title="不填简介你真是懒到家了~" placeholder="方案简介~让大家更了解这套配置的作用吧~实在懒也可以不填~" maxlength="1000" class="wd100p height100"></textarea>-->
                            <!--                                            </div>-->
                            <!--                                        </div>-->
                            <!--                                    </div>-->
                            <!--                                    <div class="col-xs-12">-->
                            <!--                                        -->
                            <!--                                            <div class="form-group form-group-compress">-->
                            <!--                                                <label for="txt_validationCode"></label>-->
                            <!--                                                <div class="input-group">-->
                            <!--                                                    <div class="input-group-addon">-->
                            <!--                                                        <span class="glyphicon glyphicon-info-sign" aria-hidden="true" style="padding: 0 14px;"></span>-->
                            <!--                                                    </div>-->
                            <!--                                                    <input type="text" id="txt_validationCode" class="form-control" placeholder="验证码" onkeyup="if(event.keyCode==13) $('#btn_preview').click();">-->
                            <!--                                                    <span class="input-group-btn" style="width:30%;min-width:80px;">-->
                            <!--                                                    <button type="button" id="btn_preview" class="btn btn-success col-xs-12 wd100p ladda-button" data-style="zoom-in">-->
                            <!--                                                        <span class="glyphicon glyphicon-ok"></span> -->
                            <!--                                                        提交-->
                            <!--                                                    </button>-->
                            <!--                                                    </span>-->
                            <!--                                                </div>-->
                            <!--                                            </div>-->
                            <!--                                    </div>-->
                            <!--                                    <div class="col-xs-4 margin-t-20"></div>-->
                            <!--                                </div>-->
                            <div class="margin-t-30">
                                <div class="col-xs-8">
                                </div>
                                <div class="col-xs-4">
                                    <button type="button" id="btn_submit" class="btn btn-info col-xs-12">
                                        <span class="glyphicon glyphicon-hand-right"></span>
                                        提交
                                    </button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div id="ctn_condi" class="col-md-7">
            <div class="padding5">
                <div id="ctn_condi_inner">
                    <div class="col-xs-12 clearfix">
                        <div class="title-condi col-xs-6"><label id="lbl_title_condi">CPU</label>筛选</div>
                        <div class="col-xs-6"></div>
                    </div>
                    <div id="ctn_condi_fields" class="clearfix" style="height:200px;overflow-y:auto;width:100%;">

                    </div>
                    <div class="margin-t-10 clearfix">
                        <div class="padding-t-10 bd_1_CCC minH100" style="border-top:2px solid #31b0d5">
                            <div class="ctn-item-header padding-b-10 clearfix">
                                <span class="padding-l-15 bold">筛选：</span>
                                <!-- <div id="ctn_condi_orderby" class="btn-group btn-group-sm" role="group" aria-label="...">
                                  <button id="btn_orderby_h_desc" type="button" class="btn btn-default btn-danger" data-orderby="h_desc">最热</button>
                                  <button id="btn_orderby_p_asc" type="button" class="btn btn-default" data-orderby="p_asc">最便宜</button>
                                  <button id="btn_orderby_p_desc" type="button" class="btn btn-default" data-orderby="p_desc">最贵</button>
                                  <button id="btn_orderby_t_asc" type="button" class="btn btn-default" data-orderby="t_asc">最新</button>
                                </div> -->
                                <div class="pull-right col-xs-12 col-md-5 ctn-condi-search">
                                    <div class="input-group-sm input-group">
                                        <input type="text" id="txt_condi_search" class="form-control"
                                               placeholder="关键词..." aria-describedby="basic-addon2">
                                        <span class="input-group-btn">
                                            <button id="btn_condi_search" class="btn btn-default"
                                                    type="button">搜索</button>
                                          </span>
                                    </div>
                                </div>
                            </div>
                            <div class="ctn-item-list font12px">
                                <div class="text-center margin-t-20 margin-b-20"><img
                                        src="/images/global/loading_01.gif"/></div>

                            </div>
                        </div>
                        <div class="ctn-item-pager">
                            <div id="Pagination" class="pagination">
                                <!-- 这里显示分页 -->
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- 
<input type="hidden" id="hid_PATH_ITEMIMG" value="http://localhost:159/item" />
<input type="hidden" id="hid_PATH_NOIMG" value="/images/global/no_image_01.jpg" /> -->


<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
<!-- Global Plugins Scripts -->


</body>
</html>
